<!-- Table for Vendor Information -->
<div class="section-title">
    <h2>Vendor Information</h2>
  </div>

  <div class="container table-container">
    <div class="row tbl-fixed">
      <table class="table">
        <thead>
          <tr>
            <th>VENDOR NAME</th>
            <th>VENDOR ID</th>
            <th>OASIS MILK CM 500_ML</th>
            <th>OASIS MILK CM 200_ML</th>
            <th>OASIS MILK TM 500_ML</th>
            <th>OASIS MILK TM 200_ML</th>
            <th>OASIS LASSI 200_ML P P</th>
            <th>OASIS LASSI CUP 200_ML</th>
            <th>OASIS LASSI MANGO CUP 200_ML</th>
            <th>OASIS DAHI 200_ML</th>
            <th>OASIS DAHI 500_ML</th>
            <th>OASIS DAHI 2_LTR 3.0</th>
            <th>OASIS DAHI 5_LTR 3.0</th>
            <th>OASIS DAHI 10_LTR 3.0</th>
            <th>OASIS DAHI 2_LTR 1.5</th>
            <th>OASIS DAHI 5_LTR 1.5</th>
            <th>OASIS DAHI 10_LTR 1.5</th>
            <th>OASIS BUTTER MILK 500ML</th>
            <th>OASIS KHOVA 500_GM</th>
            <th>OASIS KHOVA 1000_GM</th>
            <th>OASIS SHRIKHAND 100_GM</th>
            <th>OASIS SHRIKHAND 250_GM</th>
            <th>OASIS GHEE 200_ML</th>
            <th>OASIS GHEE 500_ML</th>
            <th>OASIS GHEE 15_LTR</th>
            <th>PANEER LOOSE</th>
            <th>KHOVA LOOSE</th>
          </tr>
        </thead>
        <tbody>
      
          <tr *ngFor="let row of data">
            <td *ngFor="let column of columns">{{ row[column] }}</td>
          </tr>
        
          

          <!-- Add more rows as needed -->
        </tbody>
      </table>
    </div>
  </div>